@import "../../../../theme/vars.module.less";

.dropDown {
  cursor: pointer;
  vertical-align: top;
  display: flex;
  padding: 0 16px;
  height: 100%;
  justify-content: center;
  align-items: center;
  :global {
    .ant-avatar {
      background-color: fade(@white, 25%);
    }
    .title {
      padding: 0 4px;
      display: inline-block;
      max-width: 120px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }
}

.dropDown:hover {
  background-color: @header-drop-down-hover-color;
}

.avatar-menu {
  :global {
    .ant-dropdown-menu-item,
    .ant-dropdown-menu-submenu-title {
      padding: 10px 12px;
    }
  }
}
